<template>
  <div>
    <ve-gauge :data="chartData" :settings="chartSettings"></ve-gauge>
  </div>
</template>

<script>
  import VeGauge from 'v-charts/lib/gauge.common'

  export default {
    components:{
      VeGauge
    },
    data() {
      this.chartSettings = {
        dimension: 'type',
        metrics: 'value',
        seriesMap:[
          {
            name: '速度',
            min:0,
            max:1,
            splitNumber:1,
            radius: '40'
          }
        ]
      }
      return {
        chartData: {
          columns: ['a', 'b', 'type', 'value'],
          rows: [
            {type: '速度', value: 80, a: 1, b: 2}
          ],
        }
      }
    }
  }
</script>

<style scoped>

</style>
